<template>
    <div class="footer_component">
        footer {{msg}}
    </div>
</template>

<script>
    export default {
        name: 'headerComponent',
        data() {
            return {
                msg: 'Welcome to Your Vue.js App'
            }
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
    .footer_component {
        line-height: 32px;
        text-align: center;
    }
</style>
